.big-screen {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("@/assets/static/images/53bg.png") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  color: rgba(255, 255, 255, 1);
  font-family: LCdd, sans-serif;
}
.sub-screen {
  //background: url("@/assets/static/images/bg.jpg") no-repeat center center;
  //background: #fbf7f7;
  //color: rgba(0, 0, 0, 1);
}

.header {
  background-image: url("@/assets/static/images/53titlebg.png");
  background-size: 100% 100%;
  background-position: -18px center;  // 图片不在正中间，需要向左偏移
}

.main {
  background-image: url("@/assets/static/images/53earth.png");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.8;
  animation: rotate 15s infinite linear;
  /* 确保.main元素的3D空间开启，以便子元素可以独立于父元素进行变换 */
  transform-style: preserve-3d;
}

.main > * {
  /* 重置所有直接子元素的变换，使它们不随父元素旋转 */
  transform: none;
}

.base_info {
  opacity: 0.85;
  .doctor {
    background: url("@/assets/static/images/docter.png") no-repeat center center;
    background-size: 95% 95%;
  }
  .nurse {
    background: url("@/assets/static/images/nurse.png") no-repeat center center;
    background-size: 95% 95%;
  }
  .bed {
    background: url("@/assets/static/images/hospital.png") no-repeat center center;
    background-size: 95% 95%;
  }
  .open_bed {
    background: url("@/assets/static/images/hospital2.png") no-repeat center center;
    background-size: 95% 95%;
  }
}
.man-body {
  background: url("@/assets/static/images/body.png") no-repeat center -5px;
  background-size: 80% 95%;
}

.footer {
  background-image: url("@/assets/static/images/53bottombg.png");
  background-size: 100% 100%;
  background-position: -18px center;
}

.model-title {
  background: url("@/assets/static/images/title.png") no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 16px;
  color: rgba(230, 230, 230, 1);
}

.datav-border {
  height: calc(100% - 20px);
}

.custom-card {
  background-image: linear-gradient(to bottom, #bcbcbc30, #f3f1f200);
  border-radius: 13px;
}

/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
  width:10px;
  background-color: rgba(255, 255, 255, 0.03);
}
/*定义滚动条轨道：内阴影+圆角*/
::-webkit-scrollbar-track
{
  background-color: rgba(255, 255, 255, 0.03);
}
/*定义滑块：内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  border-radius:10px;
  background-color: rgba(255, 255, 255, 0.1);
}

@font-face {
  font-family: LCdd;
  src: url('../fonts/LCdd.TTF');
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
